<template>
  <!-- 引用组件 -->
  <Header/>
  <SmartCity />
  <MapControls />
  <G2Charts v-show="showCharts" />
  <Footer @toggleCharts="handleCharts"/>
</template>

<script setup>
import { ref } from 'vue'
// 导入组件
import Header from './components/Header.vue'
import SmartCity from './components/SmartCity/index.vue'
import MapControls from './components/MapControls.vue'
import G2Charts from './components/G2Charts/index.vue'
import Footer from './components/Footer/index.vue'

const showCharts = ref(true)
function handleCharts(value) {
  showCharts.value = value
}
</script>
<style  scoped>

</style>